<script setup lang='ts'>
// 自定义 规则
//interface Props {
//}

import { onMounted, ref, reactive, defineProps } from 'vue';
import Title from '@/components/Title/index.vue'
const props = defineProps({
    title: {
        type: String,
        default: () => ''
    },
    isTitle: {
        type: Boolean,
        default: () => true
    },
    className:{
        type: String,
        default: () => ''
    },
    style:{
        type: Object,
        default: () => ({})
    }
});

/**
 * @property 变量
 */


/**
 * @property  所有请求以api开头 如:apiDataInfo
 * / 


/**
 * @property 自定义事件 以事件名开头 如: clickButton,inputDev
 */


/**
 * @property 内置方法
 */


</script>
<template>
    <div class="mt-3.5 b-rd-2 bg-[#fff] p-3.5" :class="className" :style="props.style">
        <div class="frb fra">
            <Title :title="props.title" v-if="props.isTitle" />
            <slot name="titleRight" />
        </div>
        
        <slot />
    </div>
</template>
<style lang="scss" scoped></style>